.loadings{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.71);position: fixed;left: 0;top:0;
    display: none;}
.loadings #loading{width: 8%;position: absolute;left: 46%;top:46%;}
.loading2{position: fixed;width: 100%;z-index: 1000;height: 100%;left: 0;top:0;}
.loading2 img{width: 6%;left: 47%;top:47%;position: absolute;}
.daddy{display: none;}
img{width: 100%;}
.texthide{text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}

.index{position: relative;}
.index .cons{position: absolute;top:0;left: 0;width: 100%;}
.index .cons canvas{width: 100%;}
.index .cons .times{    width: 42.5%;height: 2.6rem;background: #107bcc;line-height: 2.6rem;margin: 0 auto;
    border-radius: 1.3rem;color: #fff;margin-bottom: 1rem}
.index .cons .times .num{font-size: 1.25rem;color: #feef02;}
.index .cons .prizes{background: #ffdede;border-radius: 1.3rem;padding: 2rem .5rem 1rem;width: 15rem;
    margin: 0 auto;position: relative;margin-bottom: 2.3rem;font-size: .6rem;line-height: 1rem;color: #c23c31;
        text-align: left;overflow: auto;  word-break: break-all; height: 12rem}
.index .cons .prizes.fang{background:#fff5c8;}
.index .cons .prizes.getprize{display: none;  height: 3.6rem;overflow: hidden; }
.index .cons .prizes .logo_win{    width: 5rem;position: absolute; left: 0.8rem; top: -0.5rem;}
.index .cons .prizes .ul1{position: absolute;left: 1.5rem;top: 3rem;width: 19.4rem;}
.index .cons .prizes .ul2{position: absolute;left: 22rem;top: 3rem;width: 19.4rem;}
.index .cons .prizes ul li .names{width: 9.5rem;float: left;text-overflow: ellipsis;overflow: hidden;
    white-space: nowrap;}
.index .cons .prizes ul li .names.right{float: right;width: 9rem;}
.index .cons .prizes ul li{overflow: auto;}

.tan {position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.51);}
.mydata{display: none;}
.mydata .cons{position: absolute;width: 84%;left:8%}
.mydata .con{background: #fff;padding: 1.6rem 0; width: 100%;overflow: hidden;border-radius: 1rem;}
.mydata .con .tou{width: 5rem;height: 5rem;border-radius: 50% 50%;margin: 0 auto;overflow: hidden; background: rgba(230,98,97,0.08) }
.mydata .con .tou img{    width: 90%; height: 90%;border-radius: 50% 50%; margin-top: 5%;}
.mydata .con .nickname{width: 17rem;text-align: center;margin: 0.5rem auto 1rem;font-size: 1.2rem;line-height: 1.5rem;color:#999999; }
.mydata .con ul{padding: 0 1.6rem;}
.mydata .con ul li{position: relative;}
.mydata .con ul li .getBtn{    position: absolute;font-size: 1.3rem;right: 2.1rem;line-height: 2.5rem;top:0;color:#ff6867;}
.mydata .con ul li .savedata{    width: 17rem;height: 3rem;border:none;border-bottom: 1px solid #999999;padding: 0 1rem;
    line-height: 3rem; font-size: 1.2rem; color: #494949;margin:0 auto 0.6rem;display: block;}
.mydata .con ul li .savedata::-webkit-input-placeholder {color: #999999 !important;}
.mydata .con .btn_sure{    width: 17rem;height: 3.34rem; display: block; border-radius: 0.5rem;padding: 0 1rem;
    background: #ff6867;margin: 2rem auto 0rem;color: #ffffff; font-size: 1.5rem;line-height: 3.34rem;}
.mydata .cons .btn_close{    position: relative;margin: 2rem auto 0;width: 3rem;    display: block;}

.alertss{display: none;}
.alertss .cons{position: absolute;width: 70%;left:15%;height: 21rem;}
.alertss .con{    position: absolute;left: 0;top: 0;width: 100%; height: 18rem;}
.alertss .cons .btn_close{     position: relative;margin: 1.5rem auto 0; width: 11rem;display: block;
    background: #ff6867;height: 1.5rem; line-height: 1.5rem;font-size: .8rem;color: #fff; border-radius: 0.3rem;}
.alertss .con .says{    font-size: .7rem;width: 90%;text-align: center;margin: 3.5rem auto 0;color: #fff;height: 5.8rem;}


.winner{display: none;}
.winner .cons{position: absolute;width: 70%;left:15%;height: 11.5rem;}
.winner .con{    position: absolute;left: 0;top: 0;width: 100%; height: 9rem;}
.winner .cons .btn_close{     position: relative;margin: 0.8rem auto 0; width: 11rem;display: block;
    background: #ff6867;height: 1.8rem; line-height: 1.8rem;font-size: 1rem;color: #fff; border-radius: 0.3rem;}
.winner .con .wins{    font-size: .75rem;width: 90%;text-align: center;margin: 2.5rem auto 0;color: #fff;height: 3rem;}
.winner .con .prizeimgs{    width: 3.5rem; height: 3.5rem; margin: 0 auto; overflow: hidden;border-radius: 50%;
    background: rgba(255,255,255,0.2); padding: 0.125rem; position: relative;}
.winner .con .prizeimgs .prizeimg{    width: 100%; height: 100%;overflow: hidden;border-radius: 50%;}
.winner .con .prizeimgs .prizeimg img{height: 100%;}
.winner .con .says{    font-size: 1rem;width: 90%;text-align: center;margin: .6rem auto 0;color: #494949;height: 1.25rem;}

.mima{display: none;}
.mima .cons{position: absolute;width: 70%;left:15%;height: 25rem;}
.mima .con{    position: absolute;left: 0;top: 0;width: 100%; height: 18rem;}
.mima .con .wins{    font-size: 2rem;width: 90%;text-align: center;margin: 2rem auto 0;color: #fff;    height: 5.3rem;}
.mima .con .mimadata{    width: 80%;display: block;margin: 0 auto;height: 3.4rem;border: none; border-radius: 0.4rem;
    font-size: 1.2rem;padding: 0 1rem;}
.mima .cons .btns{    overflow: auto;margin-top: 7.5rem;}
.mima .cons .btns .btn_quit{     position: relative;margin-left: 1.5rem; width: 7.25rem;display: block;float: left;
    background: #d1d1d1;height: 3rem; line-height: 3rem;font-size: 1.5rem;color: #fff; border-radius: 0.3rem;}
.mima .cons .btns .btn_sure{     position: relative;margin-right: 1.5rem; width: 7.25rem;display: block;float: right;
    background: #ff6867;height: 3rem; line-height: 3rem;font-size: 1.5rem;color: #fff; border-radius: 0.3rem;}

.exchange{display: none;}
.exchange .cons{position: absolute;width: 70%;left:15%;height: 25rem;}
.exchange .con{    position: absolute;left: 0;top: 0;width: 100%; height: 18rem;}
.exchange .con .wins{      font-size: 1.3rem;width: 90%; text-align: center;margin: 3rem auto 0;color: #fff;height: 5.3rem;}
.exchange .cons .btns{    overflow: auto;margin-top: 7rem;}
.exchange .cons .btns .btn_quit{     position: relative;margin-left: 1.5rem; width: 7.25rem;display: block;float: left;
    background: #d1d1d1;height: 3rem; line-height: 3rem;font-size: 1.5rem;color: #fff; border-radius: 0.3rem;}
.exchange .cons .btns .btn_sure{     position: relative;margin-right: 1.5rem; width: 7.25rem;display: block;float: right;
    background: #ff6867;height: 3rem; line-height: 3rem;font-size: 1.5rem;color: #fff; border-radius: 0.3rem;}

.prize{position: relative;}
.prize .con{position: relative;width: 95%;margin: 0 auto; padding-bottom: 5rem;}
.prize .con li{width:100%;margin-top: 1.8rem;background: #fff;border-radius: 0.5rem;position: relative;}
.prize .con li.noprize{    background: none;font-size: 1.1rem;text-align: center;}
.prize .con .prizes{    overflow: auto; position: relative;width: 100%;}
.prize .con .prizes .tous{    float: left;width: 4.2rem;height: 4.2rem;overflow: hidden;border-radius: 50% 50%;
    margin: 1.5rem 0 0 2rem;}
.prize .con .prizes .tous img{height: 100%;}
.prize .con .names{    float: left; margin-left: 1.5rem; font-size: 1.2rem;width: 17rem;text-align: left;
    margin-top: 1.5rem;    margin-bottom: 0.9rem;}
.prize .con .names p{word-break: break-all;    line-height: 2.1rem;}
.prize .con .names .sn{color:#ff6867}
.prize .con .line{    height: 1px;border-top: 1px dashed #d3d3d3;}
.prize .con .says{    width: 80%; margin: 1.5rem auto; text-align: left;font-size: 1rem; color: #999999;word-break: break-all;}
.prize .con .says .title{color: #494949;}
.prize .con .btn1{width: 100%;height: 3.3rem;background: url("../images/prize_btns_1.png") no-repeat;
    color: #ffffff;line-height: 3.3rem;font-size: 1.5rem;word-spacing: 1rem;background-size: 100% 100%;}
.prize .con .btn0{width: 100%;height: 3.3rem;background: url("../images/prize_btns_0.png") no-repeat;
    color: #ffffff;line-height: 3.3rem;font-size: 1.5rem;word-spacing: 1rem;background-size: 100% 100%;}
.prize .con .tisi{    position: absolute;width: 3.6rem;left: -0.3rem;top: -0.1rem;}
.prize .btn_back{position: fixed;width: 100%; height: 4rem;font-size: 1.2rem;text-align: center;background: #fff;bottom: 0;
    left: 0;line-height: 4rem; color: #494949;  border-top: 1px solid #dedede;}

.no{display: none;}
.no .cons{    position: absolute;width: 76%;left: 12%; height: 11rem;}

.yes{display: none;}
.yes .bg{    margin-top: -5.6rem;}
.yes .cons{    position: absolute;width: 76%;left: 12%; height: 11rem;}

.error{width: 100%;margin-top: 30%;}